import './App.css';
import ToDolist from './components/ToDolist'
import Children from './components/Children'
import Dialog from './components/Dialog'
import { Input } from 'antd'

function App() {
  return (
    <div className="App"> 
      {/* <ToDolist/> */}
      {/* 没有内容 ===  子组件上children  为  null */}
      {/* <Children/> */}

      {/* 有一个子节点 ===  子组件上children  为  obj */}
      {/* <Children>
        <div>
          <h2>5555555</h2>
        </div>
      </Children> */}


      {/* 有多个子节点 ===  子组件上children  为  arr */}
      {/* <Children>
        <div>
          <h2>5555555</h2>
        </div>
        <div>
          <h2>6666666</h2>
        </div>
        <div>
          <h2>77777777</h2>
        </div>
        <div>
          <h2>888888888</h2>
        </div>
      </Children> */}


      {/* Dialog */}
      <Dialog>
        我是一段文字
      </Dialog>

      <Dialog>
        <Input/>
      </Dialog>
    </div>
  );
}

export default App;
